<footer id="f" class="blog-footer">
    <p><span>Copyright</span><span>©</span><span>2018</span>
        <a href="#">小粽熊QVQ</a><span>Design By Longwang</span></p>
    <p>
        <a href="#" target="_blank">湘ICP备18010289号</a>
    </p>
</footer>

<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item">
        <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item">
        <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
        <a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
    </li>
    <li class="layui-nav-item">
        <a href="timeline.html"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
        <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
    <span class="layui-nav-bar"></span>
</ul>


<div class="blog-share layui-hide">
    <div class="blog-share-body">
        <div style="width: 200px;height:100%;">
            <div class="bdsharebuttonbox bdshare-button-style0-32" data-bd-bind="1533783041273">
                <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
            </div>
        </div>
    </div>
</div>
<div id="aplayer"></div>
<div class="blog-mask animated layui-hide"></div>
<script src="/static/home/js/jquery.min.js"></script>

<script src="/static/home/layui/layui.js"></script>

<script src="/static/home/js/global.js"></script>
<script src="/static/home/js/index.js"></script>
<script src="/static/home/js/APlayer.min.js"></script>
<!--为了及时效果需要立即设置canvas宽高，否则就在home.js中设置-->
<script type="text/javascript">
    //图
    var canvas = document.getElementById('canvas-banner');
    canvas.width = window.document.body.clientWidth - 10;//减去滚动条的宽度
    if (screen.width >= 992) {
        canvas.height = window.innerHeight * 1 / 3;
    } else {
        canvas.height = window.innerHeight * 2 / 7;
    };
    // 播放器
    const ap = new APlayer({
        container: document.getElementById('aplayer'),
        fixed: true,
        audio: [
            {
                name: '海阔天空',
                artist: 'BEYOND',
                url: '/static/home/audio/audio.mp3',
                cover: '/static/home/images/9922720e0cf3d7ca7bcba1678f56a9096b63f62403c2.jpg'
            },{
                name: '灰色轨迹',
                artist: 'BEYOND',
                url: '/static/home/audio/audio2.mp3',
                cover: '/static/home/images/9922720e0cf3d7ca7bcba1678f56a9096b63f62403c2.jpg'
            },{
                name: '光辉岁月',
                artist: 'BEYOND',
                url: '/static/home/audio/audio3.mp3',
                cover: '/static/home/images/9922720e0cf3d7ca7bcba1678f56a9096b63f62403c2.jpg'
            },{
                name: '大地',
                artist: 'BEYOND',
                url: '/static/home/audio/audio4.mp3',
                cover: '/static/home/images/9922720e0cf3d7ca7bcba1678f56a9096b63f62403c2.jpg'
            }
        ]
    });
</script>
</body>

</html>